/* 
    Document   : style
    Created on : 8 mai 2010, 14:29:14
    Author     : coralie
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
 background-image: url(images/nlum6kik.jpg);
 background-repeat: no-repeat ; /*pas de répition de l'image*/
 background-attachment: fixed ;
 background-color: black;
}


ul.menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:33px;
font-size:.6em;
background:url(images/bg.png) repeat-x top left;
font-family:Verdana,Helvetica,Arial,sans-serif;
border:1px solid #000;
margin:0;
padding:0;
}

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
float:left;
color:#A79787;
text-decoration:none;
height:24px;
padding:9px 15px 0;
font-weight:normal;
}

ul.menu li a:hover,.current {
color:#fff;
background:url(images/bg.png) repeat-x top left;
text-decoration:none;
}

ul.menu .current a {
color:#fff;
font-weight:700;
}

/*BLUE*/
ul.menu.blue{
background-color:#76B3F1;
}
ul.menu.blue li a:hover, .menu.blue li.current {
background-color:#A3BAE6;
}

#container{
    width:800px;
    margin : 0 auto;
}
#topbar{
    width:auto;
    display:block;
    height: 70px;
  padding: 20px;
  border: 1px solid #666;
  background: #CCCCCC;
  font-size: 70px;
  font-family:sans-serif;
  font-style: italic;
  text-align: center;

}
#navbar{width:auto; display:block; height:24px;}

#main{
    width:auto;
    height: auto;
    display:block;
    border: 1px solid #666;
    background-color: white;
    opacity: 0.9;
    text-align: justify;
    font-family:sans-serif;
    font-size: 16px;
    -moz-border-radius : 10px 10px 10px 10px;
    margin-top: 20px;
    padding: 10px 10px 10px 10px;

}
#column_left{
    overflow: scroll;
    width:500px;
    height: 780px;
    margin-right:20px;
    float:left;}
#column_right{width:250px;height: auto; float:right;}

div.spacer{clear:both; height:10px; display:block;}
input.big{width: 100px;height: 100px;}

#films{
    overflow: scroll;
    width: 250px;
}

#footer{
    border: 1px solid #666;
    background-color: white;
    opacity: 0.2;
    text-align: center;
    font-family:sans-serif;
    font-size: 12px;
    -moz-border-radius : 10px 10px 10px 10px;
    margin-top: 20px;
    padding: 10px 10px 10px 10px;
    display:block;
    height:24px;
    position: absolute;
    margin-left: 250px;
}

#col{
    width: 400px;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}




